<template>
	<view class="qh-loaded-tip flex-cn-cn">
		<text class="qh-loaded-tip__text" :class="{'qh-loaded-tip__text-line': line}">{{text}}</text>
	</view>
</template>

<script>
	export default {
		name: 'qh-loaded-tip',
		props: {
			text: {
				type: String,
				default: '没有更多了',
			},
			line: {
				type: Boolean,
				default: true,
			},
		},
	}
</script>

<style lang="less">
	.qh-loaded-tip {
		width: 100%;
		padding: 40rpx 0 60rpx;
		flex: 1;

		.qh-loaded-tip__text {
			font-size: 22rpx;
			line-height: 22rpx;
			color: #929397;
			padding: 0 30rpx;
			position: relative;
		}

		.qh-loaded-tip__text-line {

			&::before,
			&::after {
				content: "";
				width: 20rpx;
				height: 1rpx;
				background-color: #929397;
				position: absolute;
				top: 0;
				bottom: 0;
				margin: auto;
			}

			&::before {
				left: 0;
			}

			&::after {
				right: 0;
			}
		}
	}
</style>
